html 第十一天 基础学习

  1. 标题h1~h6
  2. 段落
  3. 链接
  4. img链接
  5. table表格
    1. 密码字段password
    2. 单选按钮radio
    3. 复选框checkboxes
    4. 提交按钮button
    5. textarea html文本域
    6. button 按钮

标题h1~h6

h为标题,h1最大,h6最小

h标签

段落

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
具有换行的功能=<br>

p段落

链接

超链接:<a href="http:www.baidu.com">百度</a>

a超链接

img链接

图片的大小可以通过img标签自定义
<img src="/images/logo.png" width="258" height="39" alt="" />
img自定义大小,防止图片过大破坏html整体布局,alt是防止页面无法加载时的替换文本

table表格

表格由<table>标签来定义。,每个表格由若干行<tr>来定义

每行被分割为若干单元格来表示,即数据单元格的内容
数据单元格的内容可以为:文本、图片、段落、表单、水平线,表格等

````

tr代表行,td代表列,th代表表格表头,会自动加粗居中
添加 border 会添加表格。


## form表单

### 文本域text

通过标签来设定

name
``` ![文本域](text1.png)

密码字段password

<form>
<input type="password">
</form>
属于文本域的一种

单选按钮radio

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female<br>
</form>

radio

复选框checkboxes

<form>
<input type="checkbox" name="food" value="car">I have a car<br>
</form>

checkboxs

提交按钮button

<input type="submit"> 定义了提交按钮

<form action="a.php" method="post">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>

提交

textarea html文本域

<template rows="10" cols="30" >
多行文本框
</template>

button 按钮

<button type="button">点我!</button>

转载请注明来源,欢迎对文章中的引用来源进行考证,欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论,也可以邮件至 zhumeng512@qq.com

文章标题:html 第十一天 基础学习

本文作者:弈少

发布时间:2019-07-30, 20:25:08

最后更新:2019-07-30, 22:56:35

原始链接:http://yoursite.com/2019/07/30/北京渗透测试第十一天 20190730/

版权声明: "署名-非商用-相同方式共享 4.0" 转载请保留原文链接及作者。

目录
×

喜欢就点赞,疼爱就打赏

相册